<template>
    <div>
        <div class="block">
            <el-carousel height="4.45rem" class="bannerContainer">
                <el-carousel-item v-for="item in 3" :key="item" class="banner">
                    <!-- <img v-bind:src="imgUrl1" alt=""> -->
                    <img src="../../../../server/public/images/index/banner/banner1.jpg" alt="" class="bannerImg" id="bannerImg">
                </el-carousel-item>
            </el-carousel>
        </div>
    </div>
</template>

<script>
// 导入接口
import { images } from '@/api/index/Banner/BannerApi'

export default {
    name: 'WorkspaceJsonBanner',

    data() {
        return {

        };
    },

    mounted() {
        // 轮播图容器宽度
        // document.querySelector('.bannerContainer').style.height = (document.querySelector('.bannerContainer').style.width * 455) / 750 + 'px'
        // console.log();

        // 在页面应用接口，轮播图请求
        images().then((res) => {
            // console.log(res.data)
        })
    },

    methods: {
        
    },
};
</script>

<style scoped>
@import '@/assets/css/index/Banner/Banner.min.css'
</style>